import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  View,
  DrawerLayoutAndroid,
  Text,
} from 'react-native';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 10,
  },

});


export default class  DrawerLayoutAndroidTest extends Component {

    navigationView(){
        return (
        	<View>
		       <Text>I'm in the Drawer!</Text>
		       <View></View>
		    </View>
        );
    }

    
	render(){
		// var navigationView = (
		//     <View>
		//        <Text>I'm in the Drawer!</Text>
		//        <View></View>
		//     </View>
		//  );

        return(
        	<View style= {styles.container}>

        	   <DrawerLayoutAndroid
        	         drawerLockMode = {'unlocked'}
        	         //指定抽屉的宽度，也就是从屏幕边缘拖进的视图的宽度
        	         drawerWidth={300}
        	         // //指定抽屉可以从屏幕的哪一边滑入。
        	         drawerPosition={DrawerLayoutAndroid.positions.Left}
        	         // //此方法用于渲染一个可以从屏幕一边拖入的导航视图。
        	         renderNavigationView={this.navigationView}
        	         >
        	         <View style={{flex: 1, alignItems: 'center'}}>
        	           <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
        	           <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>World!</Text>
        	         </View>
        	       </DrawerLayoutAndroid>
                <View></View>
        	</View>
        );
	}
}











